<div ngCombobox #combobox="ngCombobox" class="example-combobox-container" disabled>
  <div class="example-combobox-input-container">
    <span class="material-symbols-outlined example-icon example-search-icon">search</span>
    <input
      ngComboboxInput
      class="example-combobox-input"
      placeholder="Search..."
      [(value)]="searchString"
    />
  </div>

  <div popover="manual" #popover class="example-popover">
    <ng-template ngComboboxPopupContainer>
      <div ngListbox class="example-listbox">
        @for (option of options(); track option) {
          <div
            class="example-option example-selectable example-stateful"
            ngOption
            [value]="option"
            [label]="option"
          >
            <span>{{option}}</span>
            <span
              aria-hidden="true"
              class="material-symbols-outlined example-icon example-selected-icon"
              >check</span
            >
          </div>
        }
      </div>
    </ng-template>
  </div>
</div>
